<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/styles/reset.css">
    <link rel="stylesheet" href="/styles/product.css">
    <script src="/jquery/dist/jquery.min.js"></script>
    
</head>
<body>
    <header>
        <div class="logo fl">
            <a href="/"><img src="imgs/index/logo.png" alt=""></a>
        </div>
        <ul class="fr">
            <li class="active">
                <a href="javascript:;">2018新款</a>
            </li>
            <li>
                <a href="javascript:;">库存清理专区</a>
            </li>
            <li>
                <a href="javascript:;">停产产品优惠区</a>
            </li>
            <li>
                <a href="javascript:;">客厅-Living Room</a>
            </li>
            <li>
                <a href="javascript:;">餐厅-Dining Room</a>
            </li>
            <li>
                <a href="javascript:;">卧室-Bedroom</a>
            </li>
            <li>
                <a href="javascript:;">书房-Home Office</a>
            </li>
            <li>
                <a href="javascript:;">其它</a>
            </li>
        </ul>
    </header>
    <section class="select">
       <ul>
           <li class="de_element"><h4>设计元素</h4>
                <ul>
                    <li><a href="">原木</a></li>
                    <li><a href="">卯榫</a>   </li>
                    <li><a href="">雕花</a></li>
                </ul>
            </li>
           <li class="home_style"><h4>居家风格</h4>
                <ul>
                    <li><a href="">简约美式</a></li>
                    <li><a href="">清新法式</a></li>
                </ul>
            </li>
           <li class="key_word">
                <h4>关键字：</h4>
                <div class="search">
                    <input class="fl" type="text" placeholder="在此处输入关键字">
                    <span class="fr"> 搜索</span>
                </div>
           </li>
           <li class="price_sle">
                <h4>价格选择：</h4>
                <input type="text">~<input type="text">
           </li>
        </ul>
    </section>
    <section class="products">
        <div class="products_content">
            <div class="pro_title"><h3>2018新款</h3></div>
            <div class="product_wrap">
                <ul class="clearfix pro_lists">
                    <% rows.forEach((item)=>{ %>
                    <li>
                        <a href="/product_detail?id=<%item.pro_id%>">
                            <div class="pro_one">
                                <div class="pro_pic">
                                    <img src="<%=item.pic_path%>" alt="">
                                </div>
                                <div class="pro_info clearfix">
                                    <p><%=item.pro_name%></p>
                                    <span class="price fl"><strong>￥</strong><span class="price_num"><%=item.pro_price%></span></span>
                                    <span class="sale fr"><i>已售：</i><%=item.sales%></span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <% }) %>
                    <!-- <li>
                        <div class="pro_one">
                            <div class="pro_pic">
                                <img src="imgs/product/1.jpg" alt="">
                            </div>
                            <div class="pro_info clearfix">
                                <p>少量现货无扶手转椅/象牙白/美式/全实木/白蜡木/水性漆/和年美家</p>
                                <span class="price fl">￥3999</span>
                                <span class="sale fr">109</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pro_one">
                            <div class="pro_pic">
                                <img src="imgs/product/2.jpg" alt="">
                            </div>
                            <div class="pro_info clearfix">
                                <p>帕克拉伸餐桌2018款/美式/全实木/白蜡木/水性漆/和年美家</p>
                                <span class="price fl"><strong>￥</strong>1088</span>
                                <span class="sale fr">109</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pro_one">
                            <div class="pro_pic clearfix">
                                <img src="imgs/product/3.jpg" alt="">
                            </div>
                            <div class="pro_info clearfix">
                                <p>哈博马凳/美式/全实木/白蜡木/和年美家</p>
                                <span class="price fl"><strong>￥</strong>1088</span>
                                <span class="sale fr">109</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pro_one">
                            <div class="pro_pic">
                                <img src="imgs/product/4.jpg" alt="">
                            </div>
                            <div class="pro_info clearfix">
                                <p>美达方餐桌/美式/全实木/白蜡木/水性漆/和年美家</p>
                                <span class="price fl"><strong>￥</strong>1088</span>
                                <span class="sale fr">109</span>
                            </div>
                        </div>
                        
                    </li>
                    <li>
                        <div class="pro_one">
                            <div class="pro_pic">
                                <img src="imgs/product/5.jpg" alt="">
                            </div>
                            <div class="pro_info clearfix">
                                <p>美达方餐桌/美式/全实木/白蜡木/水性漆/和年美家</p>
                                <span class="price fl">
                                    <strong>￥</strong>1088</span>
                                <span class="sale fr">109</span>
                            </div>
                        </div>
                    
                    </li>
                    <li>
                        <div class="pro_one">
                            <div class="pro_pic">
                                <img src="imgs/product/6.jpg" alt="">
                            </div>
                            <div class="pro_info clearfix">
                                <p>美达方餐桌/美式/全实木/白蜡木/水性漆/和年美家</p>
                                <span class="price fl">
                                    <strong>￥</strong>1088</span>
                                <span class="sale fr">109</span>
                            </div>
                        </div>
                    
                    </li>
                    <li>
                        <div class="pro_one">
                            <div class="pro_pic">
                                <img src="imgs/product/7.jpg" alt="">
                            </div>
                            <div class="pro_info clearfix">
                                <p>美达方餐桌/美式/全实木/白蜡木/水性漆/和年美家</p>
                                <span class="price fl">
                                    <strong>￥</strong>1088</span>
                                <span class="sale fr">109</span>
                            </div>
                        </div>
                    
                    </li>
                    <li>
                        <div class="pro_one">
                            <div class="pro_pic">
                                <img src="imgs/product/8.jpg" alt="">
                            </div>
                            <div class="pro_info clearfix">
                                <p>美达方餐桌/美式/全实木/白蜡木/水性漆/和年美家</p>
                                <span class="price fl">
                                    <strong>￥</strong>1088</span>
                                <span class="sale fr">109</span>
                            </div>
                        </div>
                    
                    </li> -->
                </ul>
            </div>
        </div>

    </section>
</body>
<script src="/js/product.js"></script>
</html>
